<template>
    <div class="wrapper">  
        <router-link class="notice" to="/notice">
            <span class="iconfont notice-icon">&#xe62c;</span>
            <span class="notice-title">{{notices[0].title}}</span>
        </router-link>
    </div>

</template>

<script>

export default {
  name: 'HomeNotice',
  props: {
    notices: Array
  }
}
</script>

<style  lang="scss" scoped>
@import '@/assets/styles/mixins';
.wrapper{
  background-color: #fff;
  padding: 0.16rem 0.32rem;
}
.notice{
    display: flex;
    color: red;
    .notice-icon{
      margin-right: 0.16rem;
    }
    .notice-title{
        flex:1;
        @include ellipsis;
    }
}
</style>
